<html>
<head>
  <title>Devcathlon</title>
  <link rel="stylesheet" type="text/css" href="style/boilerplate/chrometheme/chromestyle2.css" />

  <script type="text/javascript" src="style/boilerplate/chromejs/chrome.js">

  /***********************************************
  * Chrome CSS Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  * This notice MUST stay intact for legal use
  * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  ***********************************************/

  </script>
  
  <link rel="stylesheet" type="text/css" href="style/boilerplate/screen.css" media="screen" />
  <link rel="stylesheet" type="text/css" href="style/boilerplate/print.css" media="print" />
  <style>
    .body-text {float: left; width : 400px; padding : 10px}
  .style1 {color: #FF0000}
.style2 {color: #0033CC}
</style>
</head>

<body>
  <div id="page"> 
    <div id="header">
      <div align="right" style="margin-top: -100px;"><img src="logo.jpg"></div>
      <div class="chromestyle" id="chromemenu">
      <ul>
        <li><a href="browseProfiles.html">Browse Profiles</a></li>
        <li><a href="#" rel="dropmenu1">Matches</a></li>
        <li><a href="gallery.html">Gallery</a></li>
        <li><a href="#" rel="dropmenu2">Hall of Fame</a></li>
        <li><a href="#" rel="dropmenu3">Help</a></li>
        <li><a href="">         </a></li>
        <li><a href="signup.html">Register Me!</a></li>	
      </ul>
    </div>

<!--1st drop down menu -->                                                   
<div id="dropmenu1" class="dropmenudiv">
  <a href="publicMatches.html">Public Matches</a>
</div>

<!--2nd drop down menu -->                                                
<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
  <a href="topTeams.html">Top Teams</a>
  <a href="hallOfFame.html">Top Individuals</a>
</div>

<!--3rd drop down menu -->                                                   
<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
  <a href="help.html">FAQ</a>
  <a href="contact.html">Contact Info</a>
</div>

<script type="text/javascript">

  cssdropdown.startchrome("chromemenu")

</script>

<div class="wrapper">

<div class="body-text">
<h2>Welcome to Devcathlon!</h2>
<p>
Devcathlon is a web application that supports software development as a "game".  To put
it simply, if you and your team display good programming habits, you earn points and maybe
win matches.  If your or your team display bad programming habits, you lose points and 
probably lose matches.
<p>

<p>
Devcathlon is tightly integrated with the <a href="http://www.hackystat.org/">Hackystat</a> system 
which supports automated collection
of data about your programming behaviors, such as the files you edit, the tests you write, 
the results of your builds, and the results of quality assurance tools like 
<a href="http://checkstyle.sourceforge.net">Checkstyle</a>,
<a href="http://findbugs.sourceforge.net">FindBugs</a>, and 
<a href="http://pmd.sourceforge.net">PMD</a> when run over your code.   
Currently, Devcathlon best supports development in the Java programming
language, though we hope to better support other languages in future. 
<p> 
</div> <!-- End body-text -->

<div style="padding : 20px">
 <form action="index.loggedin.html" class="hform" wicket:id="">
   <fieldset>
   <legend>Sign in</legend>
   <p>Enter your Hackystat username and password below to login:</p>
   <p><label>User</label> <input type="text" wicket:id="user" /></p>
   <p><label>Password</label> <input type="password" wicket:id="password" /></p>
   <p>
     <label></label>
     <input type="submit" name="Signin" value="Signin" class="button">
     <span class="style1"> &lt;&lt;Click on the button.<a href="forgotPW.html">FORGOT MY PASSWORD</a><a href="#"></a></span></p>
   </fieldset>
 </form>
</div> 

</div> <!-- End wrapper -->



<div id="footerFeedback">
This is the page that users see when they navigate to the toplevel URL, such as 
http://www.devcathlon.org/.
<br/>
The tabs work and will go to samples of their respective pages. We changed the menu bar with drop down combo.
<br/> 
To see what the user might see after logging in, click on the SIGNIN button</div>

</div> <!-- End id page -->

</body>
</html>
